<!-- 手机验证 -->
<template>
  <div class="mobileLogin">
    <div class="banner">
      <img
        src="https://xiaoliuimgs.oss-cn-hangzhou.aliyuncs.com/app_imgs/banner@2x.png"
      />
    </div>
    <!-- 验证输入 -->
    <div class="verifyBox">
      <md-input-item
        type="phone"
        class="inputItem"
        v-model="phonenumber"
        placeholder="请输入手机号"
      ></md-input-item>
      <md-input-item
        type="digit"
        class="inputItem"
        v-model="code"
        placeholder="请输入验证码"
        ><div class="input-operator" slot="right" @click="fetchVerifyCode">
          {{ verifyCodeText }}
        </div></md-input-item
      >
      <div class="agreement">
        点击开始，即表示同意
        <span class="xy" @click="viewAgreement">《用户协议》</span>
      </div>
      <md-button class="startBtn" type="primary" round @click="startVerify"
        >开始</md-button
      >
    </div>
  </div>
</template>

<script>
/* eslint-disable */
import mobileLogin from "./mobileLogin.js";

export default {
  mixins: [mobileLogin],
};
</script>

<style scoped lang="stylus">
@import './mobileLogin.styl';
</style>
